@import '../index.less';

.mainSider {
  color: #cbcbcd;
  background: #444;
  // overflow-y: scroll;
  // &::-webkit-scrollbar {
  //   width: 0px;
  // }

  .logoBox {
    width: @menuBoxWidth;
    line-height: @menuBoxWidth;
    text-align: center;
    img {
      height: 35px;
      vertical-align: middle;
    }
  }

  .menuBoxLg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 55px;
    color: #cbcbcd;
    text-align: center;
    .menuIcon {
      font-size: 17px;
    }
    .menuText {
      margin-top: -6px;
      font-weight: 500;
      font-size: 14px;
    }
  }

  .menuBoxMin {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 40px;
    color: #cbcbcd;
    .menuIcon {
      margin-left: 3px;
      font-size: 15px;
      vertical-align: middle;
    }

    .menuText {
      width: 100%;
      margin-left: -2px;
      font-size: 14px;
      text-align: center;
    }
  }

  .selected {
    color: #333;
    background-color: #f8f8f8;
  }

  .noSelected {
    &:hover {
      color: white;
    }
  }
}
